<template>
  <el-menu
    :default-active="activeIndex"
    class="el-menu-demo"
    mode="horizontal"
    @select="handleSelect"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
    router="true"
  >
    <el-submenu index="/mine">
      <template slot="title">普通用户</template>
      <el-menu-item index="/mine">个人中心</el-menu-item>
      <el-menu-item index="/mine/index">首页</el-menu-item>
      <el-menu-item index="/mine/lectures">公益讲座</el-menu-item>
      <el-menu-item index="/mine/consult">咨询</el-menu-item>
      <el-menu-item index="/mine/about">关于公司</el-menu-item>
    </el-submenu>
    <el-submenu index="/doctor">
      <template slot="title">医生</template>
      <el-menu-item index="/doctor">医生</el-menu-item>
      <el-menu-item index="/automaticrecognition">自动识别</el-menu-item>
      <el-menu-item index="/classiccases">经典病例</el-menu-item>
      <el-menu-item index="/competition">竞赛</el-menu-item>
      <el-menu-item index="/digitalslicelibrary">数字切片库</el-menu-item>
      <el-menu-item index="/evaluation">测评</el-menu-item>
      <el-menu-item index="/filmreadingmeeting">读片会</el-menu-item>
      <el-menu-item index="/pathologylecture">病理讲座</el-menu-item>
      <el-menu-item index="/personalcenter">个人中心</el-menu-item>
    </el-submenu>
    <el-submenu index="/expert">
      <template slot="title">专家</template>
      <el-menu-item index="/automaticrecognition">自动识别</el-menu-item>
      <el-menu-item index="/classiccases">经典病例</el-menu-item>
      <el-menu-item index="/digitalslicelibrary">数字切片库</el-menu-item>
      <el-menu-item index="/filmreadingmeeting">读片会</el-menu-item>
      <el-menu-item index="/groupconsultation">会诊</el-menu-item>
      <el-menu-item index="/Pathologylecture">病理讲座</el-menu-item>
    </el-submenu>
    <el-menu-item index="/specialist">管理员</el-menu-item>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: "1",
    };
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>